$(function(){
    $('#dowebok').fullpage({
        sectionsColor: ['#1bbc9b', '#4BBFC3', '#7BAABE', '#f90'],
        'navigation': true
    });
});



var li1 = document.querySelector("#li1");
var li2 = document.querySelector("#li2");
var li3 = document.querySelector("#li3");
var li4 = document.querySelector("#li4");
var li5 = document.querySelector("#li5");

var k1 = document.querySelector("#k1");
var k2 = document.querySelector("#k2");
var k3 = document.querySelector("#k3");
var k4 = document.querySelector("#k4");
var k5 = document.querySelector("#k5");

li1.addEventListener('click',function(){

    k1.classList.add('active1');
    k2.classList.remove('active1');
    k3.classList.remove('active1');
    k4.classList.remove('active1');
    k5.classList.remove('active1');

});

li2.addEventListener('click',function(){

    k2.classList.add('active1');
    k1.classList.remove('active1');
    k3.classList.remove('active1');
    k4.classList.remove('active1');
    k5.classList.remove('active1');

});

li3.addEventListener('click',function(){

    k3.classList.add('active1');
    k2.classList.remove('active1');
    k1.classList.remove('active1');
    k4.classList.remove('active1');
    k5.classList.remove('active1');

});

li4.addEventListener('click',function(){

    k4.classList.add('active1');
    k3.classList.remove('active1');
    k1.classList.remove('active1');
    k2.classList.remove('active1');
    k5.classList.remove('active1');

});

li5.addEventListener('click',function(){

    k5.classList.add('active1');
    k4.classList.remove('active1');
    k1.classList.remove('active1');
    k2.classList.remove('active1');
    k3.classList.remove('active1');

});